{% extends 'base.html' %}
{% block title %}
    详情
{% endblock %}
{% block context %}
<div class="col-md-9 cl-left">
            <div class="cl-artical-content">
                <h2 class="cl-artical-title">{{ article.title }}</h2>
                <div class="cl-card-tag">
                    <div><span>作者：{{ article.author }}</span></div>
                    <div><span>{{ article.total_views }}</span>人浏览 / <span>{{ article.comments_count }}</span>人评论 <span>创建时间：{{ article.create_time }}</span></div>
                </div>
                <div class="cl-artical">
                    {{ article.content | safe }}
                </div>
            </div>

            <div class="recommend-panel">
                <h4 class="right-card-title">相关文章</h4>
                <div class="card-deck">
                                {% for c in artc %}
                                    <div class="card ll-panel ">
                                    <div class="recommend-panel-bottom" >
                                    <a href="{% url 'home:details' %}?artid={{ c.id }}"><img
                                        src="{{ c.avatar.url }}" class="img-fluid" alt="">
                                    </a>
                                        {{ c.title }}
                                        </div>
                                    </div>
                            {% endfor %}
                </div>
            </div>
            <div class="comment">
                <form class="cl-comment-from" method="post">
                {% csrf_token %}
                <input type="hidden" name="art_id" value="{{ article.id }}">
                <div><textarea name="content"  rows="5" placeholder="说点什么吧。。。"></textarea></div>
                <button type="submit">留言</button>
                <span class="clearfix"></span>
            </form>
            <h4 class="right-card-title">全部评论</h4>
            {% for comm in comms %}
                <div class="comment-panel">
                    <div class="comment-panel-portrait">
                        <img src="{{ comm.user.avatar.url }}" class="img-fluid rounded-circle"  alt="">
                    </div>na
                    <div class="comment-panel-content">
                        <div class="comment-panel-cdetails.htmlontent-item">
                            <div class="comment-author">{{ comm.user.username }}</div>
                        </div>
                        <div class="comment-panel-content-main">{{ comm.content }}</div>
                    </div>
                    <span class="clearfix"></span>
                        <div class="text-primary"><a href="">回复</a></div>
                </div>
            {% endfor %}
            </div>
        </div>
{% endblock %}